@import "settings";
@import "compass/css3";

$journals-price-width: 570px;


.journals-price {
	background : darken($beach-storm-color, 5%);
	width: $journals-price-width;
	border-collapse: collapse;
	text-align: left;
	margin: 20px 0;
	border-spacing: 2px;
	
	@include box-shadow($beach-complement-color 0px 0px 4px);
	
	thead {
		display: table-header-group;
		vertical-align: middle;
		border-color: inherit;
		background : darken($beach-storm-color, 10%);
		th {
			font-weight: bold;
			color: $beach-complement-color;
			border-bottom: 2px solid darken($beach-complement-color, 15%);
			padding: 10px 8px;
		}
	}
	td {
		border-bottom: 1px solid $beach-complement-color;;
		padding: 6px 8px;
	}
}